<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>{% block title %}{% endblock %}</title>
<!--  ADD CSS BELOW //-->
<!--
<style type="text/css">
@import url("http://CHANGE_ME/foo.css");
</style>
//-->

<style type="text/css">
/* SCALE specific styles, edit as needed */
ul.scale_horizontal_list li{display:inline;list-style-type:none;}
ul.scale_ul {padding-left:2em;}
.nobr { white-space:nowrap; }
</style>

{% block extrastyle %}{% endblock %}
{% block extrahead %}{% endblock %}
</head>
{% load i18n %}

<body>

<a name="top"></a>

{% if not kiosk %}
<div id="header_wrapper">
    <div id="header">
        <!-- LOGO goes here <a href="http://CHANGE_ME/"><img alt="" src="http://CHANGE_ME/foo.jpg" /></a> //-->
        <!-- Add other header html here //-->
        <!--
        <ul>
            <li>link1</li>
            <li>link2</li>
            <li>link3</li>
        </ul>
        //-->
    </div>
</div>
{% endif %}

    {% if messages %}
    <ul class="messagelist">{% for message in messages %}<li>{{ message }}</li>{% endfor %}</ul>
    {% endif %}

    <!-- Content -->
    <div id="content">

        {% block pretitle %}{% endblock %}
        {% block content_title %}{% if title %}<h1>{{ title }}</h1>{% endif %}{% endblock %}
        {% block breadcrumbs %}<div class="breadcrumbs"></div>{% endblock %}
        {% block content %}{{ content }}{% endblock %}
        <br class="clear" />
    </div>
    <!-- END Content -->

{% if not kiosk %}
<div id="footer_wrapper">
    <div id="footer">
        <!-- Add other footer html here //-->
        <a href="http://scalereg.googlecode.com/">SCALEREG</a>: Brought to you by <a href="http://www.socallinuxexpo.org">The Southern California Linux Expo</a>.</span>
        <!--
        <ul>
            <li>link1</li>
            <li>link2</li>
            <li>link3</li>
        </ul>
        //-->
    </div>
</div>
{% endif %}

</body>
</html>
